<head>
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto">
<style>
body { font-family: 'Roboto', serif; font-size: 48px; }
</style>
</head>
<style type="text/css">
@font-face { font-family: 'fira'; src: url('FiraSans-SemiBold.otf'); }
<style>